<template>
    <div class="e-p-20">
		<view class="search-bar e-flex-x" style="align-items: center;">
			<view class="input-container e-flex-1 e-p-l-20">
				<input type="text" style="width: 100%;" :placeholder="placeholder">
			</view>
			<button class="e-reset-button submit-btn">搜索</button>
		</view>
    </div>
</template>

<script setup>
import {ref} from "vue"

const {placeholder} = defineProps(["placeholder"])
</script>

<style lang="scss" scoped>
	.search-bar{
		height: 72rpx;
		background: #F7F7F7;
		border-radius: 40rpx;
	}
	.input-container{
		
	}
	
	.submit-btn{
		background:#E4423B;
		color:white;
		padding: 20rpx;
		border-radius: 99rpx;
		width: 5rem;
	}
</style>